layui.use(['form', 'laydate', 'table'], function () {
    let table = layui.table;
    let laydate = layui.laydate;
    let form = layui.form;
    //执行一个laydate实例
    //弹出选择日期的窗口
    laydate.render({
        elem: '#start' //指定元素
    });

    //执行一个laydate实例
    laydate.render({
        elem: '#end' //指定元素
    });
    //默认给后台传递了一个分页的参数，page为第几页，limit为每一页显示的条数
    showTable({});


    //监听行工具事件
    table.on('tool(test)', function (obj) {
        var data = obj.data;
        console.log(obj)
        if (obj.event === 'del') {
            //再次确认是否删除
            layer.confirm('真的删除行么', function (index) {
                //如果每次都要提交的后台访问，都会访问ajax，所以就需要将ajax进行提取公共方法
                let res = myAjax("/back/user/delete", {id: data.id}, "post");
                console.log(res)
                if (res.count > 0) {
                    obj.del();
                    layer.close(index);
                } else {
                    layer.alert("删除失败");
                }
            });
        } else if (obj.event === 'edit') {
            sessionStorage.setItem("userId", data.id);
            xadmin.open('编辑用户', '/html/user/member-edit.html', 600, 400)
            // let res=myAjax("/back/user/update",data,"post");
            //  if(res.count>0){
            //      layer.alert("编辑成功", {
            //              icon: 6
            //          },
            //          function() {
            //              //关闭当前frame
            //              xadmin.close();
            //
            //              // 可以对父窗口进行刷新
            //              xadmin.father_reload();
            //          });
            //  }else {
            //      layer.alert("编辑失败");
            //  }
        } else if (obj.event === 'password') {
            // let res=myAjax("/back/user/password",data,"post");
            // if(res.count>0){
            //     layer.alert("修改密码成功", {
            //             icon: 6
            //         },
            //         function() {
            //             //关闭当前frame
            //             xadmin.close();
            //
            //             // 可以对父窗口进行刷新
            //             xadmin.father_reload();
            //         });
            // }else {
            //     layer.alert("修改密码失败");
            // }
        }
    });

    form.on('submit(sreach)', function (data) {
        data = data.field;
        console.log(data);
        showTable(data);
        return false;
    })

    function showTable(data) {
        table.render({
            elem: '#test',
            // limit:11,
            where: data,
            //url默认多传递了两个参数，page，第几页，limit每一页显示的条数
            url: '/back/user/findAll' /*tpa=/test/table/demo1.json*/,
            cols: [
                [{
                    field: 'id',
                    title: 'ID',
                    width: 80,
                    fixed: 'left',
                    // unresize: true,
                    sort: true
                }, {
                    field: 'username',
                    title: '用户名',
                    width: 120,
                    edit: 'text'
                }, {
                    field: 'email',
                    title: '邮箱',
                    width: 150,
                    edit: 'text',
                    templet: function (res) {
                        return '<em>' + res.email + '</em>'
                    }
                }, {
                    field: 'sex',
                    title: '性别',
                    width: 80,
                    edit: 'text',
                    sort: true
                }, {
                    field: '',
                    title: '生日',
                    width: 100,
                    templet: '<div>{{d.enable==1?"a":"b"}}</div>'
                }, {
                    field: 'hobby',
                    title: '爱好'
                }, {
                    field: 'enable',
                    title: '状态',
                    width: 80,
                    sort: true,
                    templet: function (res) {
                        return '<em>' + (res.enable == 1 ? "启用" : "停用") + '</em>'
                    }
                }, {
                    field: 'createTime',
                    title: '创建时间',
                    width: 120
                }, {
                    fixed: 'right',
                    title: '操作',
                    toolbar: '#barDemo',
                    width: 200
                }]
            ],
            page: true
        });
    }
});
